<extend name="block/block" />
<block name="main">
    <section>
        <div class="main course-details_container">
            <div class="main-box-course">
                <div class="main-box-content">
                    <!--                this is the course detail -->
                    <div class="course-body">
                        <div class="left">
                            <img src="https://image.dapengjiaoyu.com/2019/07/jxposdbo.png" class="course-banner" alt="钢琴精品试学课">
                        </div>
                        <div class="right">
                            <div class="course-info_wrap">
                                <div class="wrap__top">
                                    <h3>钢琴精品试学课</h3>
                                    <div class="course-data">
                                        <span class="member-num">20.0w</span>位同学看过<span class="dot"></span><span>5章</span><span>3节</span><span class="dot"></span><span>来自兴趣学院</span>
                                    </div>
                                    <div class="course-desc" style="">
                                        通过学钢琴的连音，跳音，顿音，颤音，重音，装饰音，和旋，音程，等等钢琴基本演奏技巧，掌握玩转各种风格的曲目，并且搭配专业的乐理知识，让我们快速具备理解分析曲目的能力从而运用到各种曲目中，让你的弹奏可以很时尚也可以很高雅
                                    </div>
                                </div>
                                <div class="wrap__bottom">
                                    <div class="price-free">
                                        <div>
                                            <span>免费</span>
                                        </div>
                                    </div>
                                    <div class="course-handle">
                                        <span> 免费开通 </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="course-des">
<!--                        this is the left-area-->
                        <div class="course-left_area">
                            <div class="label">
                                <div class="label-line"></div>
                                <div class="label-tit">课程专题</div>
                            </div>
                            <div class="description">
                                <img src="https://image.dapengjiaoyu.com/2019/07/jxposz5x.jpg" alt="">
                            </div>
                        </div>
<!--                        right-area-->
                        <div class="course-right_area">
                            <div class="label">
                                <div class="label-line"></div>
                                <div class="label-tit">猜你想学</div>
                            </div>
                            <div class="course-recommendation_wrap">
                                <ul class="course-list">
                                    <li>
                                        <div class="img-box">
                                            <img src="https://image.dapengjiaoyu.com/2019/07/jxpom3gd.png" alt="古筝精品试学课">
                                        </div>
                                        <div class="list_right">
                                            <div class="right__top">
                                                <div class="title">古筝精品试学课</div>
                                                <p class="price">免费</p>
                                            </div>
                                            <p class="study_num"><span>15.8w</span>位同学在学 </p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</block>